<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"  %>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>万达营销流程管理系统</title>
<link href="../css/css.css" rel="stylesheet" type="text/css" />
<!--[if IE 6]>
<script type="text/javascript" src="js/ie6png.js" ></script>
<script type="text/javascript">
DD_belatedPNG.fix('div,ul,li,a,p,img,body,dl,dt,dd');</script>
<![endif]-->
<script type="text/javascript">
function MM_jumpMenu(targ,selObj,restore){ //v3.0
  eval(targ+".location='"+selObj.options[selObj.selectedIndex].value+"'");
  if (restore) selObj.selectedIndex=0;
}
</script>
<script>
<!--
/*第一种形式 第二种形式 更换显示样式*/
function setTab(name,cursel,n){
for(i=1;i<=n;i++){
var menu=document.getElementById(name+i);
var con=document.getElementById("con_"+name+"_"+i);
menu.className=i==cursel?"hover":"";
con.style.display=i==cursel?"block":"none";
}
}
//-->
</script>




</head>
<body style="background:#fff;">
<br />
<div style="width:1000px;" class="tbox01 boxcenter">
  <div class="tbox02">
    <dl>
      <dt></dt>
      <dd>
        <div class="tbox02menu">
          <ul>
            <li><a href="cancel.do">取消</a></li>
            <li><a href="wuadd.do">确定</a></li>
          </ul>
        </div>
      </dd>
    </dl>
  </div>
  <div class="tbox03">
    <div class="tbox04a">
      <table width="100%" border="0" cellspacing="0" cellpadding="0">
        <tr>
          <td width="47%" valign="top"><table width="100%" border="0" cellspacing="0" cellpadding="0">
              <tr align="left" valign="top">
                <td><img src="../Images/op5_1.gif" /></td>
                <td class="ybox08td2"><ul>
                    待选房间查询
                  </ul></td>
                <td class="ybox08td3"></td>
                <td><img src="../Images/op5_4.gif" /></td>
              </tr>
            </table>
            <div class="ybox08div">
              <div class="tbox05 margb7">
                <dl>
                  <dt>
                    <table width="100%" border="0" cellspacing="0" cellpadding="0">
                      <tr>
                        <td width="55" height="25" align="right" style=" padding-right:5px;">楼　栋：</td>
                        <td style=" padding-right:15px;"><input name="roomCode" type="text"  class="black12" id="house" style="width:100%;" /></td>
                        <td width="62" rowspan="2"><div class="button26h"><a  href="javascript:void(0)" name="aaaa" id="aaaa">查询</a></div></td>
                      </tr>
                      <tr>
                        <td height="25" align="right" style=" padding-right:5px;">房产名：</td>
                        <td height="25" style=" padding-right:15px;"><input name="openingReportName" type="text"  class="black12" id="name" style="width:100%;" /></td>
                      </tr>
                      
                    </table>
                  </dt>
                </dl>
              </div>
              <table id="lefttable" width="100%" border="0" align="center" cellpadding="0" cellspacing="1" class="ybox06table">
                <tr>
                  <td width="30" class="ybox06td01"><input type="checkbox" id="checkbox1" data-check-target=".id-checkbox"/></td>
                  <td width="30" class="ybox06td01">序号</td>
                  <td class="ybox06td01">房间名称</td>
                  <td class="ybox06td01">建筑面积</td>
                  <td class="ybox06td01">套内面积</td>
                </tr>
                <c:forEach items="${roomList}" var="room" varStatus="s">
		                      		<tr>
				   <td class="ybox06td02wcenter"><input type="checkbox" name="checkbox" id="checkbox"/></td>
	               <input type="hidden" name="roomId" id="roomId" value="${room.roomId }" style="border: none;"/>
	                 <td class="ybox06td02wcenter" >${s.index+1}</td>
	                  <td class="ybox06td02wleft" >${room.roomCode}</td>
	                  <td class="ybox06td02wcenter">${room.buildUpArea}</td>
	                  <td class="ybox06td02wcenter">${room.innerArea}</td>
		                        	</tr>
		                      	</c:forEach> 
               <!--  <tr>
                  <td class="ybox06td02wcenter"><input type="checkbox" name="checkbox2" id="checkbox" /></td>
                  <td class="ybox06td02wcenter">1</td>
                  <td class="ybox06td02wleft">01栋底商-1-101 </td>
                  <td class="ybox06td02wcenter">136.29</td>
                  <td class="ybox06td02wcenter">130.84</td>
                </tr> -->
               
              </table>
              <div class="nums boxcenter black12"><a href="#" class="hovera">首 页</a><a href="#">上一页</a><a href="#">下一页</a><a href="#">尾 页</a>&nbsp;&nbsp;第1/3页&nbsp;共25条&nbsp;&nbsp;转到
                <input name="textfield2" type="text" id="textfield3" size="2"/>
                页<a href="#">跳 转</a></div>
            </div></td>
          <td width="6%" align="center"><table width="100%" border="0" cellspacing="0" cellpadding="0">
              <tr>
              <td height="48" align="center"><a href="buffAllDeleteState.do"><img src="../Images/op6_1.gif"/></a></td>
                            </tr>
                            <tr>
              <td height="48" align="center"><a href="javascript:void(0);" onclick="buffDeleteState()"><img src="../Images/op6_2.gif"/></a></td>
                            </tr>
                            <tr>
              <td height="48" align="center"><a href="javascript:void(0);" onclick="debuffDeleteState()"><img src="../Images/op6_3.gif"/></a></td>
                            </tr>
                            <tr>
              <td height="48" align="center"><a href="debuffAllDeleteState.do"><img src="../Images/op6_4.gif"/></a></td>
                            </tr>
          </table></td>
          <td width="47%" valign="top"><table width="100%" border="0" cellspacing="0" cellpadding="0">
              <tr align="left" valign="top">
                <td><img src="../Images/op5_1.gif" /></td>
                <td class="ybox08td2"><ul>
                    已选中房间列表
                  </ul></td>
                <td class="ybox08td3"></td>
                <td><img src="../Images/op5_4.gif" /></td>
              </tr>
            </table>
            <div class="ybox08div">
              <div class="tbox05a margb7">
                <dl>
                  <dt><strong>【注】</strong><br />
                    全部选择 &gt;&gt; 选择所有查询出来的待选房间（左边窗口的全部房间）<br />
                    全部移除 &lt;&lt; 移除所有已选中房间（右边窗口的全部房间）</dt>
                </dl>
              </div>
              <table id="righttable" width="100%" border="0" align="center" cellpadding="0" cellspacing="1" class="ybox06table">
                <tr>
                  <td width="30" class="ybox06td01"><input type="checkbox" name="checkbox" id="check" /></td>
                  <td width="30" class="ybox06td01">序号</td>
                  <td class="ybox06td01">房间名称</td>
                  <td class="ybox06td01">建筑面积</td>
                  <td class="ybox06td01">套内面积</td>
                </tr>
                <c:forEach items="${roomList1}" var="room" varStatus="s">
		                      		<tr>
				   <td class="ybox06td02wcenter"><input type="checkbox" name="checkbox2" id="checkbox2"/></td>
	               <input type="hidden" name="roomId2" id="roomId2" value="${room.roomId }" style="border: none;"/>
	                 <td class="ybox06td02wcenter" >${s.index+1}</td>
	                  <td class="ybox06td02wleft" >${room.roomCode}</td>
	                  <td class="ybox06td02wcenter">${room.buildUpArea}</td>
	                  <td class="ybox06td02wcenter">${room.innerArea}</td>
		                        	</tr>
		                      	</c:forEach>
                
              </table>
              <div class="nums boxcenter black12"><a href="#" class="hovera">首 页</a><a href="#">上一页</a><a href="#">下一页</a><a href="#">尾 页</a>&nbsp;&nbsp;第1/3页&nbsp;共25条&nbsp;&nbsp;转到
                <input name="textfield2" type="text" id="textfield3" size="2"/>
              页<a href="#"  >跳 转</a></div>
            </div></td>
        </tr>
      </table>
    </div>
  </div>
</div>

 <script type="text/javascript">
   function MM_jumpMenu(targ, selObj, restore) { //v3.0
            eval(targ + ".location='" + selObj.options[selObj.selectedIndex].value + "'");
            if (restore) selObj.selectedIndex = 0;
        }
        
        function getAllOrNot(){
        	var all1 = document.getElementsByName("all1")[0];
        	var checkbox = document.getElementsByName("checkbox");
        	var roomId = "";
        	if(all1.checked){
        		for(var i = 0;i < checkbox.length;i++){
        			checkbox[i].checked = true;
        			if(checkbox[i].checked){
        				roomId = roomId+document.getElementsByName("roomId")[i].value+",";
        			}
        		}
        		alert(roomId);
        	}else{
        		for(var i = 0;i < checkbox.length;i++){
        			checkbox[i].checked = false;
        		}
        		alert(roomId);
        	}
        }
        function getAllOrNot2(){
        	var all2 = document.getElementsByName("all2")[0];
        	var checkbox2 = document.getElementsByName("checkbox2");
        	var roomId = "";
        	if(all2.checked){
        		for(var i = 0;i < checkbox2.length;i++){
        			checkbox2[i].checked = true;
        			if(checkbox2[i].checked){
        				roomId = roomId+document.getElementsByName("roomId2")[i].value+",";
        			}
        		}
        		alert(roomId);
        	}else{
        		for(var i = 0;i < checkbox2.length;i++){
        			checkbox2[i].checked = false;
        		}
        		alert(roomId);
        	}
        }
        
        function getOneOrMore(){
        	var checkbox = document.getElementsByName("checkbox");
        	var roomId = "";
        	for(var i = 0;i < checkbox.length;i++){
        		if(checkbox[i].checked == true){
        			roomId = roomId+document.getElementsByName("roomId")[i].value+",";
        		}else{
        			continue;
        		}
        	}
        	alert("lailailai:"+roomId);
        }
        
      
        function buffDeleteState(){
       		var checkbox = document.getElementsByName("checkbox");
        	var roomId = "";
        	for(var i = 0;i < checkbox.length;i++){
        		if(checkbox[i].checked == true){
        			roomId = roomId+document.getElementsByName("roomId")[i].value+",";
        		}
        	}
        	//alert("lailailai:"+roomId);
        	location.href = "buffDeleteState.do?roomIds="+roomId;
        }
        
        function debuffDeleteState(){
        	var checkbox2 = document.getElementsByName("checkbox2");
        	var roomId = "";
        	for(var i = 0;i < checkbox2.length;i++){
        		if(checkbox2[i].checked == true){
        			roomId = roomId+document.getElementsByName("roomId2")[i].value+",";
        		}
        	}
        	//alert("lailailai:"+roomId);
        	location.href = "debuffDeleteState.do?roomIds="+roomId;
        }
  
</script>
</body>
</html>



